<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>秘密花园</title>
<link rel="stylesheet" href="/networkforum/css/user_info.css" />
<link rel="stylesheet" href="/networkforum/css/user_control_garden.css" />

<script type="text/javascript">
window.onload = function(){
	gardenInfo(0,10,"默认");

	//好友分页
	var myajax = getByAjax();
	myajax.init(null,"get",true);
	myajax.get("/networkforum/article/count_size.do?moduleName=花园",function(d){
		paging.page({
			size:10,
			total:Math.ceil(d/10),
			url:"/networkforum/garden/load_myBall.do?type=&module=花园",
			previou:document.getElementById("previouPage"),
			next:document.getElementById("nextPage"),
			current:document.getElementById("currentPage"),
			max:document.getElementById("totalPage"),
			callBack:callBack,
		});
	});
	myajax = null;
}
function gardenOption(event,type){
	optionHandle(event,type);
	gardenInfo(0,20,opt[type]);
}
function gardenInfo(index,size,option){
	loadInfo(index,size,option,"花园");
}
var option = {
	'type':{
		'param':{'id':"type"},
		'bind':{'targetId':"targetId"}
	},
	'content':{
		'param':{'id':"content"}
	},
	'time':{
		'param':{'id':"time"}
	},
	'reply':{
		'param':{'id':"reply"}
	}
}
</script>
</head>

<body>	
	<h2 class="header">秘密花园</h2>
	<div class="grdenNav">
		<span onclick="gardenOption(event,'reset')">默认</span>
		<span onclick="gardenOption(event,'type')">经典</span>
		<span onclick="gardenOption(event,'type')">快乐</span>
		<span onclick="gardenOption(event,'type')">温馨</span>
		<span onclick="gardenOption(event,'option')">最新</span>
		<span onclick="gardenOption(event,'option')">最早</span>
		<span onclick="gardenOption(event,'option')">最多评论</span>
		<span onclick="gardenOption(event,'option')">最少评论</span>
	</div>
	<div id="choice" class="choice">
		<span>默认</span>
		<!-- <label id="save">保存</label> -->
	</div>
	<ul class="grdenInner" id="articleInner">
		<li>
			<img id="type" src="/networkforum/images/left1.jpg" />
			<span id="content">内容</span>
			<span id="time">时间</span>
			<span id="reply">评论</span>
			<span id="">公开</span>
			<span id="">评论</span>
			<span id="delete" onclick="deleteInfo(event);">删除</span>
		</li>
		<li id="giHeader">
			<span id="type">类型</span>
			<span id="content">内容</span>
			<span id="time">时间</span>
			<span id="reply">评论</span>
			<span id="">公开</span>
			<span id="">评论</span>
			<span id="delete"></span>
		</li>
		<li>
			<img id="type" src="/networkforum/images/left1.jpg" />
			<span id="content">次数评论次数评论次数</span>
			<span id="time">2012-12-12 12:12:12</span>
			<span id="reply">12</span>
			<input id="isPublic" type="checkbox" />
			<input id="isReply" type="checkbox" />
			<span id="delete">删除</span>
		</li>
	</ul>
	<div class="paging" id="paging">
   		<div class="clear"></div>
   		<span id="previouPage" style="cursor: pointer;">上一页</span>
   		<!--  <span id="currentPage2">1</span>-->
   		<input id="currentPage" type="text" value = "1"/>	
   		<span id="nextPage" style="cursor: pointer;">下一页</span>
   		<span id="totalPage">共 1 页</span>
   	</div>
	<!-- <div class="paging" id="paging">
  		<div class="clear"></div>
  		<span id="previouPage" style="cursor: pointer;">上一页</span>
  		<span id="currentPage">1/1</span>
  		<span id="nextPage" style="cursor: pointer;">下一页</span>
  	</div> -->
</body>
<script src="/networkforum/js/view.js" type="text/javascript"></script>
<script src="/networkforum/js/combo.js" type="text/javascript"></script>
<script src="/networkforum/js/myajax.js" type="text/javascript"></script>
<script src="/networkforum/js/pageing.js" type="text/javascript"></script>
<script src="/networkforum/js/user_control_article.js" type="text/javascript"></script>
</html>
